<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>{$_C['site_name']}</title>
	<meta name="description" content="{$_C['site_des']}">
	<meta name="keywords" content="{$_C['site_keyword']}">
	<link href="{$_C.hy_path}css/bootstrap.min.css" rel="stylesheet">
	<link href="{$_C.hy_path}css/common.css" rel="stylesheet">
	<link href="{$_C.hy_path}css/main.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="{$_C.hy_path}css/topHeader.css">

	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
	  <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	  <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
</head>
<body>
	<!-- start header -->
	{include file='../Common/header.html'}
	<!-- end header -->
	<div class="container-fluid">
		{include file='../Common/carousel.html'}
		<div class="row">
			<div class="col-md-10 col-md-offset-1">
				<div class="col-md-4">
				<div class="index-row2-item">
					<img src="{$_C['hy_path']}images/icon1.png">
					<div class="index-row-2-wrapper">
						<div class="col-md-3">
							{func model=index action=cat_child item=cat1 code="service"}
							<h4><a href="{$cat1.url}">{$cat1.name}</a></h4>
						</div>
						<div class="col-md-9">
							<ul>
								{foreach from=$cat1.child item=cat}
								<li><a href="{$cat.url}">{$cat.name}</a></li>
								{/foreach}
							</ul>
						</div>	
					</div>							
				</div>
			</div>
			<div class="col-md-4">
				<div class="index-row2-item">
					<img src="{$_C['hy_path']}images/icon2.png">
					<div class="index-row-2-wrapper">
						<div class="col-md-3">
							{func model=index action=cat_child item=cat2 code="photo"}
							<h4><a href="{$cat2.url}">{$cat2.name}</a></h4>
						</div>
						<div class="col-md-9">
							<ul>
								{foreach from=$cat2.child item=cat}
								<li><a href="{$cat.url}">{$cat.name}</a></li>
								{/foreach}
							</ul>
						</div>	
					</div>		
				</div>
			</div>
			<div class="col-md-4">
				<div class="index-row2-item">
					<img src="{$_C['hy_path']}images/icon3.png">
					<div class="index-row-2-wrapper">
						<div class="col-md-3">
							{func model=index action=cat_page item=cat3 code="contactus"}
							<h4><a href="{$cat3url}">{$cat3.name}</a></h4>
						</div>
						<div class="col-md-8">
							<ul>
								<li>{$cat3.summary}</li>
								
							</ul>
						</div>	
					</div>		
				</div>
			</div>
			</div>			
		</div>
		<div class="row" id="index-row-3">
			{func model=index action=cat_art_list item=cat4 code="photo" flags=1 limit=8}
			<div class="col-md-12 hidden-xs">
				<h3>热门图片<small id="index-more-1"><a href="{$cat4.url}">more&gt;</a></small></h3>
				{foreach from=$cat4.article item=art}
				<div class="index-pro-wrapper">
					<a href="{$art.url}">
				  		<img width="100%" src="{$art.thumb}" alt="img">
						<div class="mask"></div>
						<p>{$art.title}</p>
				  	</a>
				</div>
				{/foreach}
				
			</div>
		</div>
		<div class="row" id="index-row-4">
				{func model=index action=cat_art_list item=cat5 code="news" limit=3}
			<div class="col-md-12">
				<h3>{$cat5.name}<small id="index-more-2"><a href="{$cat5.url}">more&gt;</a></small></h3>
				{foreach from=$cat5.article item=art}
				<div class="col-md-4 col-xs-12 index-news-wrapper">
					<img width="100%" src="{$art.thumb}">
					<h4><a href="{$art.url}">{$art.title}</a></h4>
					<p>{$art.summary}</p>
				</div>
				{/foreach}
			</div>
		</div>
	</div>

	<!-- start footer  -->
	{include file='../Common/footer.html'}
    <!-- end footer -->
	<script src="{$_C.hy_path}js/jquery-1.11.2.min.js"></script>
	<script src="{$_C.hy_path}js/bootstrap.min.js"></script>
	<script src="{$_C.hy_path}js/hammer.min.js"></script>
	<script src="{$_C.hy_path}js/jquery.hammer.js"></script>
	<script src="{$_C.hy_path}js/main.js"></script>
	<script src="{$_C.hy_path}js/topHeader.js"></script>

</body>
</html>